import React from 'react';
import './-page.scss';
import {observer} from 'mobx.collection';
import {DateFormat} from "../../auxiliaries/extends/format";

@observer
class MessageBoxItemComponent extends React.Component {
    render() {
        let {item = {}} = this.props;
        return (
            <div className={"--message-box"}>
                <div className={"--message-top"}>
                    <span className={"type font-size-30"}>{item.Title}&nbsp;</span>
                    <span className={"time font-size-26"}>{DateFormat(this.CreationTime, 'yyyy-mm-dd HH:MM')}</span>
                </div>
                <div className="--message-content font-size-30">
                    {item.Message}&nbsp;
                </div>
            </div>
        );
    }
}

export default MessageBoxItemComponent;